﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

    <style type="text/css">
        /*弹出满屏*/
        .el-dialog__body {
            height: 100% !important;
        }

        .el-dialog.is-fullscreen {
            overflow: hidden !important;
        }

        /*时间控件长度*/
        .el-date-editor.el-input,
        .el-date-editor.el-input__inner {
            width: 120px;
        }


        /*表格样式*/
        .formBorder {
            border: solid;
            border-width: 1px;
            text-align: center;
        }

        /*小型多文本框样式*/
        .formTextArea {
            border: solid;
            border-width: 1px;
            text-align: center;
            height: 150px;
            line-height: 150px;
        }

        /*中型多文本框样式*/
        .formCommonTextArea {
            border: solid;
            border-width: 1px;
            text-align: center;
            line-height: 250px;
        }

        /*大型多文本框样式*/
        .formBigTextArea {
            border: solid;
            border-width: 1px;
            text-align: center;
            line-height: 400px;
        }

        /*重写element--input样式*/
        .el-input__inner {
            border: 0px;
        }

        /*重写element--textarea样式*/
        .el-textarea__inner {
            border: 0px;
        }

        .p10 {
            padding: 10px;
        }
    </style>
</head>

<body>
    
<div id="app" v-cloak>   
        <el-form :model="Form" status-icon style="margin-top:5px;width:100%">
            <!--年份-->
            <el-row>
                <el-col span="1" offset="16" style="font-size: 14px;color: #606266;padding-top:10px;">
                    {{LawRegulationsFitAdministration.years+mark.m}}
                </el-col>
                <el-col span="4">
                    <!--<el-date-picker v-model="Form.years" value-format="yyyy" type="date" placeholder="选择日期"
                                    format="yyyy" style="padding-left:20px;">
                    </el-date-picker>-->
                    <el-input type="textarea" v-model="Form.years" autocomplete="off" size="mini"
                              :placeholder="inputText"  resize="none"  style="margin-top:6px; background-color:none"  readonly="true"></el-input>
                </el-col>
            </el-row>
        </el-form>
        <!--标题|合规性评价报告-->
        <div style="width:100%;text-align:center ">
            <label style="font-weight:bold">合规性评价报告</label>
        </div>
        <!--下方表格-->
        <el-form :model="Form" status-icon>
            <!--表格上方文字-->
            <el-row type="flex">
                <!--<el-col span="4" offset="1">
        {{LawRegulationsFitAdministration.organizationClass+mark.m}}
        {{OrganizationClass}}
    </el-col>-->
                <el-col span="4" offset="1">
                    {{LawRegulationsFitAdministration.date+mark.m}}
                    {{OrganizationDate}}
                </el-col>
                <el-col span="4" offset="10">
                    {{LawRegulationsFitAdministration.number}}
                </el-col>
                <el-col span="4" >
                    {{LawRegulationsFitAdministration.No+mark.m}}
                </el-col>
                <el-col span="4" offset="2">
                  
                    <el-input type="text" v-model="Form.reportNo" autocomplete="off" size="mini"
                              :placeholder="inputText"  style="margin-left:-180px;" readonly="true"></el-input>
                </el-col>
            </el-row>
            <br>
            <!--表格开始-->
            <!--评价目的-->
            <el-row type="flex">
                <el-col span="4" offset="1" class="formBorder" style="border-bottom:0px;padding-top:3px;">
                    {{LawRegulationsFitAdministration.evaluateAim}}
                </el-col>
                <el-col span="17" class="formBorder" style="border-left:0px;border-bottom:0px;">
                    <el-input type="text" v-model="Form.evaluateAim" autocomplete="off" size="mini"
                        :placeholder="inputText" readonly="true"></el-input>
                </el-col>
            </el-row>
            <!--评价范围-->
            <el-row type="flex">
                <el-col span="4" offset="1" class="formBorder" style="border-bottom:0px;padding-top:3px;">
                    {{LawRegulationsFitAdministration.evaluateRange}}
                </el-col>
                <el-col span="17" class="formBorder" style="border-left:0px;border-bottom:0px;">
                    <el-input type="text" v-model="Form.evaluateRange" autocomplete="off" size="mini"
                        :placeholder="inputText" readonly="true"></el-input>
                </el-col>
            </el-row>
            <!--评价小组及成员-->
            <el-row type="flex">
                <el-col span="4" offset="1" class="formTextArea" style="border-bottom:0px;">
                    {{LawRegulationsFitAdministration.evaluateItem}}
                </el-col>
                <el-col span="17" class="formBorder" style="border-left:0px;border-bottom:0px;">
                    <el-input type="textarea" v-model="Form.evaluateItem" autocomplete="off" size="mini"
                        :placeholder="inputText" rows="7" resize="none" readonly="true"></el-input>
                </el-col>
            </el-row>
            <!--评价综述-->
            <el-row type="flex">
                <el-col span="4" offset="1" class="formBigTextArea" style="border-bottom:0px;">
                    {{LawRegulationsFitAdministration.evaluateOverview}}
                </el-col>
                <el-col span="17" class="formBorder" style="border-left:0px;border-bottom:0px;">
                    <!--多文本框-->
                    <el-row>
                        <el-col class="formBorder" style="border-left:0px;border-top:0px;border-right:0px;">
                            <el-input type="textarea" v-model="Form.evaluateOverview" autocomplete="off"
                                size="mini" :placeholder="inputText" style="height:100%;" rows="3" resize="none" readonly="true">
                            </el-input>
                        </el-col>
                    </el-row>
                    <!--部门按钮-->
                    <el-row class="p10">
                        <el-button type="primary" @click="getClassList" style="float:left">
                            {{LawRegulationsFitAdministration.getClassesListButton}}
                        </el-button>
                    </el-row>
                    <!--表格-->
                    <el-row class="p10">
                        <el-table ref="table" :data="ListItem.tablebox1" :row-key="getRowKeys"
                             border @selection-change="handleSelectionChange"
                            row-style="height:10px" style="width: 100%;">
                            <!--第一列-部门-->
                            <el-table-column prop="mark01" :label="LawRegulationsFitAdministration.class" width="100">
                            </el-table-column>
                            <!--第二列-国家法律-->
                            <el-table-column prop="mark02" :label="LawRegulationsFitAdministration.countryLaw"
                                width="80">
                            </el-table-column>
                            <!--第三列-国家法规-->
                            <el-table-column prop="mark03"
                                :label="LawRegulationsFitAdministration.countryRegulations" width="80">
                            </el-table-column>
                            <!--第四列-国家部门规章-->
                            <el-table-column prop="mark04"
                                :label="LawRegulationsFitAdministration.countryClassRules" width="110">
                            </el-table-column>
                            <!--第五列-国家部门规范-->
                            <el-table-column prop="mark05"
                                :label="LawRegulationsFitAdministration.countryClassStandard" width="110">
                            </el-table-column>
                            <!--第六列-地方性法规及要求-->
                            <el-table-column prop="mark06"
                                :label="LawRegulationsFitAdministration.localRegulationsRequire" width="140">
                            </el-table-column>
                            <!--第七列-标准和规范-->
                            <el-table-column prop="mark07"
                                :label="LawRegulationsFitAdministration.standardAndStandard" width="100">
                            </el-table-column>
                            <!--第八列-上级公司制度及要求-->
                            <el-table-column prop="mark08"
                                :label="LawRegulationsFitAdministration.higherCompanyAsk" width="150">
                            </el-table-column>
                            <!--第九列-合计-->
                            <el-table-column prop="mark09" :label="LawRegulationsFitAdministration.total">
                            </el-table-column>
                        </el-table>
                    </el-row>
                    <!--多文本框-->
                    <el-row>
                        <el-col class="formBorder" style="border-left:0px;border-right:0px;">
                            <el-input type="textarea" v-model="Form.evaluateOverview2" autocomplete="off"
                                size="mini" :placeholder="inputText" style="height:100%;" rows="3" resize="none" readonly="true">
                            </el-input>
                        </el-col>
                    </el-row>
                    <!--按钮-->
                    <el-row class="p10">
                        <el-button type="primary" @click="getLawRegulationListButton" style="float:left">
                            {{LawRegulationsFitAdministration.getLawRegulationListButton}}
                        </el-button>
                    </el-row>
                    <!--表格-->
                    <el-row class="p10">
                        <el-table ref="table" :data="ListItem.tablebox2" :row-key="getRowKeys"
                             border @selection-change="handleSelectionChange"
                            row-style="height:10px" style="width: 100%;">
                            <!--第一列-部门-->
                            <!--<el-table-column prop="Lawclass" :label="LawRegulationsFitAdministration.class" width="60">
                            </el-table-column>-->
                            <!--第二列-国家法律-->
                            <el-table-column prop="sumCount_GJFL" :label="LawRegulationsFitAdministration.countryLaw"
                                width="80">
                            </el-table-column>
                            <!--第三列-国家法规-->
                            <el-table-column prop="sumCount_GJFG"
                                :label="LawRegulationsFitAdministration.countryRegulations" width="80">
                            </el-table-column>
                            <!--第四列-国家部门规章-->
                            <el-table-column prop="sumCount_GJBMGZ"
                                :label="LawRegulationsFitAdministration.countryClassRules" width="110">
                            </el-table-column>
                            <!--第五列-国家部门规范-->
                            <el-table-column prop="sumCount_GJBMGF"
                                :label="LawRegulationsFitAdministration.countryClassStandard" width="110">
                            </el-table-column>
                            <!--第六列-地方性法律及要求-->
                            <el-table-column prop="sumCount_DFXFGJYQ"
                                :label="LawRegulationsFitAdministration.localRegulationsRequire" width="140">
                            </el-table-column>
                            <!--第七列-标准和规范-->
                            <el-table-column prop="sumCount_BZHGF"
                                :label="LawRegulationsFitAdministration.standardAndStandard" width="100">
                            </el-table-column>
                            <!--第八列-上级公司制度及要求-->
                            <el-table-column prop="sumCount_GSZDJYQ"
                                :label="LawRegulationsFitAdministration.higherCompanyAsk" width="150">
                            </el-table-column>
                            <!--第九列-合计-->
                            <el-table-column prop="mark10" :label="LawRegulationsFitAdministration.total">
                            </el-table-column>
                        </el-table>
                    </el-row>
                </el-col>
            </el-row>
            <!--不符合分析和整改-->
            <el-row type="flex">
                <el-col span="4" offset="1" class="formCommonTextArea" style="border-bottom:0px;border-right:0px;">
                    {{LawRegulationsFitAdministration.notFitAnalysis}}
                </el-col>
                <el-col span="17" class="formBorder" style="border-top:0px;border-bottom:0px;">
                    <!--多文本框-->
                    <el-row>
                        <el-col class="formBorder" style="border-left:0px;border-right:0px;">
                            <el-input type="textarea" v-model="Form.notFitAnalysis" autocomplete="off" size="mini"
                                :placeholder="inputText" style="height:100%;" rows="3" resize="none" readonly="true"></el-input>
                        </el-col>
                    </el-row>
                    <!--按钮-->
                    <el-row class="p10">
                        <el-button type="primary" @click="notFitAnalysis" style="float:left">
                            {{LawRegulationsFitAdministration.getNotFitList}}
                        </el-button>
                    </el-row>
                    <!--表格-->
                    <el-row class="p10">
                        <el-table ref="table" :data="ListItem.tablebox3" :row-key="getRowKeys"
                                  border @selection-change="handleSelectionChange"
                                  row-style="height:10px" style="width: 100%;">
                            <!--第一列-序号-->
                            <el-table-column prop="mark01" :label="LawRegulationsFitAdministration.id" width="60">
                            </el-table-column>
                            <!--第二列-不符合项内容-->
                            <el-table-column prop="notFitItem" :label="LawRegulationsFitAdministration.notFitItem"
                                             width="120">
                            </el-table-column>
                            <!--第三列-对应法律法规及其他要求名称-->
                            <el-table-column prop="homologousLawRegulation"
                                             :label="LawRegulationsFitAdministration.homologousLawRegulation" width="220">
                            </el-table-column>
                            <!--第四列-原因分析-->
                            <el-table-column prop="reasonAnalysis"
                                             :label="LawRegulationsFitAdministration.reasonAnalysis" width="110">
                            </el-table-column>
                            <!--第五列-整改措施-->
                            <el-table-column prop="reformMeasures"
                                             :label="LawRegulationsFitAdministration.reformMeasures" width="110">
                            </el-table-column>
                            <!--第六列-责任人-->
                            <el-table-column prop="mark02"
                                             :label="LawRegulationsFitAdministration.responsibilityer" width="140">
                            </el-table-column>
                            <!--第七列-完成时间-->
                            <el-table-column prop="finishTime"
                                             :label="LawRegulationsFitAdministration.finishTime" width="100">
                            </el-table-column>
                        </el-table>
                    </el-row>
                </el-col>
            </el-row>
            <!--评价结论-->
            <el-row type="flex">
                <el-col span="4" offset="1" class="formTextArea" style="border-bottom:0px;border-right:0px;">
                    {{LawRegulationsFitAdministration.evaluateResult}}
                </el-col>
                <el-col span="17" class="formTextArea">
                    <el-input type="textarea" v-model="Form.evaluateResult" autocomplete="off" size="mini"
                        :placeholder="inputText" rows="7" resize="none" readonly="true"></el-input>
                </el-col>
            </el-row>
            <!--审核行|日期-->
            <el-row type="flex">
                <!--审核-->
                <el-col span="5" offset="1" class="formBorder"
                    style="line-height:50px;border-right:0px;border-bottom:0px;">
                    {{LawRegulationsFitAdministration.audit}}
                </el-col>
                <el-col span="6" class="formBorder" style="border-right:0px;border-bottom:0px;">
                    <el-input type="text" v-model="Form.mark01" autocomplete="off" size="mini"
                        :placeholder="inputText"  :readonly="true"></el-input>
                </el-col>
                <!--日期-->
                <el-col span="5" class="formBorder" style="line-height:50px;border-right:0px;border-bottom:0px;">
                    {{LawRegulationsFitAdministration.auditDate}}
                </el-col>
                <el-col span="5" class="formBorder" style="border-bottom:0px;">
                    <el-form-item class="inputTextarea">
                        <!-- 弹出页的其它不能成组的控件添加class="inputTextarea"，达到label与input、select等控件的label对齐的目的 -->
                        <el-date-picker v-model="Form.auditDate" type="date"  :readonly="true">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
            </el-row>
            <!--批准行|日期-->
            <el-row type="flex">
                <!--批准-->
                <el-col span="5" offset="1" class="formBorder" style="line-height:50px;border-right:0px;">
                    {{LawRegulationsFitAdministration.approval}}
                </el-col>
                <el-col span="6" class="formBorder" style="border-right:0px;">
                    <el-input type="text" v-model="Form.mark02" autocomplete="off" size="mini"
                        :placeholder="inputText" :readonly="true"></el-input>
                </el-col>
                <!--日期-->
                <el-col span="5" class="formBorder" style="line-height:50px;border-right:0px;">
                    {{LawRegulationsFitAdministration.approvalDate}}
                </el-col>
                <el-col span="5" class="formBorder">
                    <el-form-item class="inputTextarea">
                        <!-- 弹出页的其它不能成组的控件添加class="inputTextarea"，达到label与input、select等控件的label对齐的目的 -->
                        <el-date-picker v-model="Form.approveDate" type="date"  :readonly="true">
                        </el-date-picker>
                    </el-form-item>
                </el-col>

            </el-row>
            <br />
            <!--下方按钮-->
            <el-row type="flex" justify="end">
                <el-form-item>
                    <!--保存-->
                    <!--<el-button type="primary" v-if="btnSave" @click="btn_Save('ruleForm')">{{col.btnSave}}</el-button>-->
                    <!--提交-->
                    <!--<el-button type="primary" v-if="btnSubmit" @click="btn_Submit('ruleForm')">{{col.btnSubmit}}
    </el-button>-->
                    <!--审核-->
                    <!--<el-button type="primary" v-if="btnExamine" @click="btn_Examine">{{col.btnExamine}}</el-button>-->
                    <!--批准-->
                    <!--<el-button type="primary" v-if="btnApproval" @click="btn_Approval('ruleForm')">
                        {{col.btnApproval}}
                    </el-button>-->
                    <!--退回-->
                    <!--<el-button type="primary" v-if="btnReturn" @click="btn_Return">{{col.btnReturn}}</el-button>-->
                    <!-- 返回 -->
                    <el-button type="primary" @click="parent.ListItem.dialogVisible=false">{{col.btnBack}}</el-button>
                </el-form-item>
            </el-row>
            <br />
        </el-form>
    </div>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                btnSave: true,
                btnSubmit: true,
                btnExamine: true,
                btnApproval: true,
                btnReturn: true,
                ListItem: {
                    //tableDate: {
                    tablebox1: [],
                    tablebox2: [],
                    tablebox3: [],
                    //},
                },
                id: '',
                OrganizationClass: '',
                OrganizationDate: '',
                inputText: '点击编辑',
                formInline: {
                    model: {  },
                    offset: 0,
                    limit: 10
                },
                Form: {
                    id: guidEmpty,
                    powerid: guidEmpty,
                    //years: '',
                    //auditor: '',
                },
             
                offset: 0,
                limit: 10
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                //获得各职能部门具体识别清单
                getClassList: function () {
                    var currObj = this;
                    myAjax("post", this, '/api/FL_Evaluation/GetClassList', this.formInline, function (response) {
                        console.log(response);
                      //  currObj.ListItem.tablebox1 = response.data.pageData[0].tablebox1
                        currObj.ListItem.tablebox1 = response.data;
                    });
                },
                //获得法律法规和其他要求及更新清单
                getLawRegulationListButton: function () {
                    var currObj = this;
                    myAjax("post", this, '/api/FL_Evaluation/GetClassList2', this.formInline, function (response) {
                        console.log(response);
                        currObj.ListItem.tablebox2 = response.data;
                    });
                },
                //不符合按钮
                notFitAnalysis: function () {
                    var currObj = this;
                    myAjax("post", this, '/api/FL_Evaluation/GetEvaluationList', this.formInline, function (response) {
                        console.log(response);
                        currObj.ListItem.tablebox3 = [];
                        currObj.ListItem.tablebox3 = response.data;
                    });
                },
                //获取数据集
                getData: function () {
                    getData(this, '/api/FL_Evaluation/get?id=' + this.id);
                    var mythis = this;
                    //if (mythis.id != null && mythis.id != '') {
                    //    myAjax("get", mythis, '/api/FL_Evaluation/get?id=' + this.id, null, function (response) {
                    //        console.log("response", response)
                    //        mythis.ListItem.tablebox1 = response.data.tablebox1;
                    //        mythis.ListItem.tablebox2 = response.data.tablebox2;
                    //        mythis.ListItem.tablebox3 = response.data.tablebox3;
                    //        console.log(mythis.auditor);
                    //    }, false);
                    //}
                },
                //保存方法--/api/LawRegulationsFitAdministration/Save
                btn_Save: function () {
                    var mythis = this;
                    onSubmitForm(this, '/api/FL_Evaluation/Save', mythis.Form);
                },
                //提交方法--/api/LawRegulationsFitAdministration/Save
                btn_Submit: function () {
                    var mythis = this;
                    onSubmitForm(this, '/api/LawRegulationsFitAdministration/Save', mythis.Form);
                },
                //审核
                btn_Examine: function () {
                    var mythis = this;
                    onSubmitNoWindowsForm(this, '/api/FL_Evaluation/Examine', mythis.Form);
                    //this.Form.auditor = "张三";
                },
                //批准
                btn_Approval: function () {
                    var mythis = this;
                    onSubmitNoWindowsForm(this, '/api/FL_Evaluation/Approval', mythis.Form);
                   // this.Form.approver = "李四";

                },
                //退回
                btn_Return: function () {
                    var mythis = this;
                    onSubmitNoWindowsForm(this, '/api/FL_Evaluation/btnReturn', mythis.Form);
                    //this.Form.auditor = "张三";
                },
            },
            mounted: function () {
                this.id = getUrlParam("id");
                this.powerid = getUrlParam("t");
             
                if (this.powerid == "sh") {
                    this.btnSave = !this.btnSave;
                    this.btnSubmit = !this.btnSubmit;
                    this.btnApproval = !this.btnApproval;
                   
                  //  this.PZedit = "false";
                }
                else if (this.powerid == "pz") {
                    this.btnSave = !this.btnSave;
                    this.btnSubmit = !this.btnSubmit;
                    this.btnExamine = !this.btnExamine;
                  
                    //this.PZedit = "false";
                }
                else if (this.powerid == "xg") {
                    this.btnExamine = !this.btnExamine;
                    this.btnApproval = !this.btnApproval;
                }
                else if (this.powerid == "tj") {
                    this.btnExamine = !this.btnExamine;
                    this.btnApproval = !this.btnApproval;
                }
                this.getData();
                var time = new Date();
                this.OrganizationDate = time.toLocaleDateString();
                tablehigh(this);
            },
        });

    </script>
</body>

</html>